<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ taglib uri="/struts-tags" prefix="s"%>

<head>
<title>Add User</title>

<link rel="stylesheet" href="views/css/sidetab/style.css"
	type="text/css" media="all" />
<script type="text/javascript" src="views/js/sidetab/maxheight.js"></script>
<script type="text/javascript"
	src="views/js/sidetab/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="views/js/sidetab/cufon-yui.js"></script>
<script type="text/javascript" src="views/js/sidetab/cufon-replace.js"></script>
<script type="text/javascript"
	src="views/js/sidetab/Myriad_Pro_300.font.js"></script>
<script type="text/javascript"
	src="views/js/sidetab/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="views/js/sidetab/jquery.faded.js"></script>
<script type="text/javascript"
	src="views/js/sidetab/jquery.jqtransform.js"></script>
<script type="text/javascript" src="views/js/sidetab/script.js"></script>
<script type="text/javascript">
	$(function() {
		$("#faded").faded({
			speed : 500,
			crossfade : true,
			//			autoplay: 10000,
			autopagination : false
		});

		$('#domain-form').jqTransform({
			imgPath : 'jqtransformplugin/img/'
		});
	});
</script>

</head>
<body id="page1" onload="new ElementMaxHeight();">


<div class="clear"></div>

<!-- start content-outer -->
<div id="content-outer"><!-- start content -->
<div id="content">


<div id="page-heading">
<h1>Add User</h1>
</div>


<table border="0" width="100%" cellpadding="0" cellspacing="0"
	id="content-table">
	<tr>
		<th rowspan="3" class="sized"><img
			src="views/images/shared/side_shadowleft.jpg" width="20" height="300"
			alt="" /></th>
		<th class="topleft"></th>
		<td id="tbl-border-top">&nbsp;</td>
		<th class="topright"></th>
		<th rowspan="3" class="sized"><img
			src="views/images/shared/side_shadowright.jpg" width="20"
			height="300" alt="" /></th>
	</tr>
	<tr>
		<td id="tbl-border-left"></td>
		<td><!--  start content-table-inner -->
		<div id="content-table-inner">

		<table border="0" width="100%" cellpadding="0" cellspacing="0">
			<tr valign="top">
				<td>

				<div id="faded">
				<table>
					<tr>
						<td><s:select list="salutationList" headerValue="--Select"
							headerKey="-1" listKey="code" listValue="value"
							cssClass="styledselect_form_1" label="Salutation" labelSeparator=":"></s:select></td>
					</tr>
					<tr>
						<th valign="top">First Name:</th>
						<td><s:textfield id="fname" name="employee.empFirstName"
							cssClass="inp-form" required="true" /></td>
					</tr>
					<tr>
						<td><s:textfield id="mname" name="employee.empMiddleName"
							cssClass="inp-form" label="Middle Name" labelSeparator=":"/></td>
					</tr>

					<tr>
						<th valign="top">Last Name:</th>
						<td><s:textfield id="lname" name="employee.empLastName"
							cssClass="inp-form" required="true" /></td>
						<td></td>
					</tr>

				</table>
				</div>
				</td>
			</tr>



		</table>
		</div>
		</td>
		<td id="tbl-border-right"></td>
	</tr>
	<tr>
		<th class="sized bottomleft"></th>
		<td id="tbl-border-bottom">&nbsp;</td>
		<th class="sized bottomright"></th>
	</tr>
</table>
</div>
</div>

<script type="text/javascript">
	Cufon.now();
</script>
</body>
</html>